[#escape x as (x)!?html]
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;IE=EDGE">
<title>东莞轨道交通</title>
<link href="_files/global.css" rel="stylesheet" />
<link href="_files/style.css" rel="stylesheet" />
<link href="_files/itcms.css" rel="stylesheet" type="text/css" />
<link href="_files/jquery.bxslider.css" rel="stylesheet" type="text/css" />
<link href="_files/artDialog5/skins/default.css" rel="stylesheet"
	type="text/css" />
	<link href="_files/js/layui/css/layui.css" rel="stylesheet" type="text/css" />
<link href="_files/css.css" rel="stylesheet" />
<link href="_files/fuchuang.css" rel="stylesheet" />
<!-- <link type="text/css" rel="stylesheet" href="${ctx}/static/vendor/jquery-ui/jquery-ui.css"/> -->
[#include 'inc_js.html'/]
<script language="javascript" type="text/javascript" src="_files/js/line.js"></script>
<script language="javascript" type="text/javascript" src="_files/js/pop_dialog.js"></script> 
<script language="javascript" type="text/javascript" src="_files/js/pic_scroll.js"></script>
<script language="javascript" type="text/javascript" src="_files/js/jquery.bxslider.js"></script>
<script language="javascript" type="text/javascript" src="_files/artDialog5/artDialog.min.js"></script>
<script language="javascript" type="text/javascript" src="_files/js/layui/layui.js"></script>
<!-- <script type="text/javascript" src="${ctx}/static/vendor/jquery-ui/jquery-ui.js"></script> -->

<script>
$(function() {
	$.ajax({
		type : 'get',
		async : false,
		url : 'ext/line.htmx?lineId=2',
		dataType : 'json',
		error : function() {
			alert('系统连接失败，请稍后再试！');
		},
		success : function(result) {
			if (result.info.success){
				if (result.data != null && result.data.length > 0) {
					for (var i = 0; i < result.data.length; i++) {
						var stations = result.data[i].stations;
						var lineId = result.data[i].id;
						var lineName = result.data[i].name;
						$.each(stations,function(key,value){
							var stationId = value.id;
							var stationName = value.name;
							$("#zdcx").append("<a id='"+ stationId+ "' onclick=\"showValue('"+ stationName + "','"+ stationId + "');\">"+stationName+"</a>");
						})
					}
				}
			}
		}
	});
	
});


$(function(){
	 _tab('.friendlink-menu','.friendlink-box');

	 delNegMargin();
});

//火狐浏览器时去掉margin-top负值
function delNegMargin(){
	  
	var explorer =navigator.userAgent ; 
	if (explorer.indexOf("Firefox") >= 0) {
		$(".mokuai img").css("margin-top","0px");
	}
}

function _tab(tabMenu, tabBox){
	$(tabMenu + ' > li').mouseover(function(){
		var tab=document.getElementById("friendlink-box");
		tab.scrollLeft = 0;
		scollCount = 0;
		moveLen = 0; 
		$(this).addClass('hover').siblings().removeClass('hover');
		  var i=$(this).index();
		$(tabBox+ ' > div').eq(i).removeClass('hide').siblings().addClass('hide');	
	});
}


function g(o){
	return document.getElementById(o);
}

function HoverLi(x,y,m,n,counter,noStyle,hoverStyle){
	for(var i=1;i<=counter;i++){
		g(x+m+i).className=noStyle;
		g(y+m+i).className='undis';
	}
	g(y+m+n).className='dis';
	g(x+m+n).className=hoverStyle;
}

function ClickLi(x,y,m,n,counter,noStyle,hoverStyle){
	for(var i=1;i<=counter;i++){
		g(x+m+i).className=noStyle;
		g(y+m+i).className='undis';
		g(x+m+i+'_icon').className='xianlu-icon';
		g(x+m+i+'_title').className='xianlu-title';
	}
	g(y+m+n).className='dis';
	g(x+m+n).className=hoverStyle;
	g(x+m+n+'_icon').className='xianlu-icon-hover';
	g(x+m+n+'_title').className='xianlu-title-hover';
	
}

var scollCount=0;
var moveLen=0;
  function rollLeft(obj){
	var speed=500;
	var linkParam = obj.parentNode.getElementsByTagName('div')[0];
	obj.parentNode.getElementsByTagName('span')[0];
	obj.parentNode.getElementsByTagName('span')[1];
	var spanLen = obj.parentNode.getElementsByTagName('span')[1].offsetLeft - obj.parentNode.getElementsByTagName('span')[0].offsetLeft;

	var tab=document.getElementById("friendlink-box");
	var lis = linkParam.getElementsByTagName('li');
	var moveLen;

	var contentSpan = lis.item(lis.length-1).childNodes[0].offsetLeft;
	for(var i=0;i<lis.length;i++){ 
		 if(scollCount == i){
			moveLen = lis.item(i).childNodes[0].offsetWidth + 14;
			var lastNode = lis.item(lis.length-1).childNodes[0];
			if(lastNode.offsetLeft + lastNode.offsetWidth - lis.item(i).childNodes[0].offsetLeft + 14>= spanLen){
				scollCount++;
				tab.scrollLeft += moveLen; 
			}else{
				break;
			}
			break;
		}
	} 		
}  

 function rollRight(obj){	
	var tab=document.getElementById("friendlink-box");
	var linkParam = obj.parentNode.getElementsByTagName('div')[0];
	var lis = linkParam.getElementsByTagName('li');
	var moveLen;
	for(var i=lis.length-1; i>=0; i--){
		 if((scollCount-1) == i){
			 moveLen = lis.item(i).childNodes[0].offsetWidth + 14;
			 tab.scrollLeft -= moveLen;	
			 scollCount--;
			 break;
		 }
	}	
} 
</script>
</head>

<body>
	<div class="top-bg-01">
  <div id="main"> 
     [#include 'inc_header.html'/]
    <!--新闻-->
    <div class="index-news clearfix">
     <div class="index-news-left">
        	[@InfoList attr='focus' limit='5';list]
<!-- 		<div id="focus" class="focus" style="width:492px;height:294px; border:1px solid transparent;"> -->
		<div id="focus" class="focus" style="width:492px;height:294px;">
			<ul class="focus-content" style="width:2000px;">
				[#list list as info]
				<li class="content-item">
					<a class="focusa fs14" href="${info.url}" title="${info.title}" target="_blank">
						<img src="${info.attrImageUrl}" width="492" height="294" alt="${info.title}"/>
						<div class="item-title">
							<span class="title-text">${substring(info.title,20,'...')}</span>
						</div>
					</a>
				</li>
				[/#list]
			</ul>
			<div class="focus-page">
				[#list list as info]
				<a class="c-fff a-none page-num[#if info_index==0] curr[/#if]" href="${info.url}" target="_blank" title="${info.title}">${info_index+1}</a>
				[/#list]
			</div>
			<div class="clear"></div>
		</div>
					[#if list?size > 1]
					<script>
			$(function() {
				var interval = 5000;
				var speed = 500;
				var maxFocus = ${list?size};
				var currFocus = 0;
				var targetFocus = 1;
				var $fc = $("#focus .focus-content");
				var $fp = $("#focus .focus-page");
				var fsTimeout;
				function focusSwitch(targetFocus) {
					if(targetFocus>=maxFocus) {
						targetFocus = 0;
					}	
					if(targetFocus<0) {
						targetFocus = maxFocus-1;
					}	
					$fc.animate({left:"-"+$fc.children(":first").width()*targetFocus+"px"},speed);
					$fp.children().eq(currFocus).removeClass("curr");
					$fp.children().eq(targetFocus).addClass("curr");				
					currFocus = targetFocus;
				}
				function focusSwitchAuto() {	
					targetFocus = currFocus + 1;
					focusSwitch(targetFocus);
					fsTimeout = setTimeout(focusSwitchAuto,interval);
				}
				function focusSwitchNext() {
					clearTimeout(fsTimeout);
					$fc.stop(true);
					focusSwitch(currFocus+1);
					fsTimeout = setTimeout(focusSwitchAuto,interval);
				}
				function focusSwitchPrev() {
					clearTimeout(fsTimeout);
					$fc.stop(true);
					focusSwitch(currFocus-1);
					fsTimeout = setTimeout(focusSwitchAuto,interval);
				}
				$fc.hover(function() {
					clearTimeout(fsTimeout);
				},function() {
					fsTimeout = setTimeout(focusSwitchAuto,interval);
				});
				$fp.children().each(function() {
					$(this).mouseover(function() {
						clearTimeout(fsTimeout);
						$fc.stop(true);
						focusSwitch($(this).index());
					});
				});
				fsTimeout = setTimeout(focusSwitchAuto,interval);
			});
		</script>
					[/#if] [/@InfoList]
				</div>
				<div class="index-news-right">
					<div class="zuixindongtai">
						<span class="title-zuixindongtai">最新动态</span> [@Node
						number='news';node] <a href="${node.url}" target="_blank"
							class="more01">更多></a>[/@Node]
					</div>
					[@InfoList attr='headlines' limit='1';list] [#if list?size > 0] <a
						class="index-news-right-title" href="${list[0].url}"
						target="_blank" title="${list[0].title}">${substring(list[0].title,18,'...')}</a>
					[/#if] [/@InfoList]
					<div class="index-news-right-list">
						<ul>
							[@InfoList node='news' isIncludeChildren='true' limit='7';list]
							[#list list as info]
							<li class="list-news"><a href="${info.url}" target="_blank"
								title="${info.title}">${substring(info.title,25,'...')}</a> <span
								class="list-time">${info.publishDate?string('yyyy-MM-dd')}</span>
							</li>
							<!-- <li class="item ico-point-blue">
						<a class="fs14 [#if info_index=4 || info_index=9 || info.strong] c-infoem a-hover b[#else]a[/#if]" href="${info.url}" target="_blank" title="${info.title}">${substring(info.title,20,'...')}</a>
					</li> -->
							[/#list] [/@InfoList]

						</ul>

					</div>
				</div>
			</div>
	
			<!--新闻-end-->
			<div class="clearboth"></div>
			<div class="halfbottom">
				<div class="index-left">
				[@Node number='djgz';node]
				<a href="${node.url}" target="_blank">
				<img id="picn2"  src="${node.smallImageUrl}"  width="671" height="133" style="margin-bottom:10px"/></a>
				[/@Node]
					<!--资源开发模块-->
					<div class="index-ziyuankaifa clearfix">
						<div class="ziyuankaifa-title">
							[@Node number='zykf';node]<a class="title" href="${node.url}"
								target="_blank">${node.name}</a>[/@Node] [@Node
							number='hzgszc';node]<a class="index-gszhuce" href="${node.url}"
								target="_blank">${node.name}</a>[/@Node]
						</div>
						<div class="index-ziyuanneirong clearfix">
							[@Node number='zyjj';node]
							<div class="index-ziyuanjianjie">
								<span class="index-ziyuanjianjie-icon"><a
									href="${node.url}" target="_blank"><img id="pic"
										src="${node.smallImageUrl}" width="128" height="83" /></a></span>
								<div class="index-ziyuanjianjie-right">
								
								 [@InfoList node='zyjj' limit='1';list]
									[#list list as info]
					        		 <a class="title">${node.name}</a> <a class="neirong"
										href="${node.url}" target="_blank">${substring(info.description,100,'...')}</a>
									[/#list]
							 	 [/@InfoList]
							 	 
								</div>
							</div>
							<!--     <script>
				$(function() {
					var rootPath = getRootPath();
					$("#pic").attr("src"),rootPath;
				});
				</script> -->
							[/@Node]
							<!--   <div class="index-ziyuanmokuai clearfix"> <span class="shangyiye"></span>
                <ul>
                <li class="mokuai">
                    <p><a>招商信息</a></p>
                    <a><img src="_files/img/index/zhaoshangxinxi.png" width="129" height="85" /></a> </li>
                  <li class="mokuai">
                    <p><a>资源动态</a></p>
                    <a><img src="_files/img/index/ziyuandongtai.png" width="129" height="85" /></a> </li>
                </ul>
                <span class="xiayiye"></span> </div> -->
							<!-- <div class="index-ziyuanmokuai clearfix picnews">
								<dl class="tbox light">
									<dd class='light'>
										<div class="infiniteCarousel">
											<div class="wrapper">
												<ul id='imgscroll'>
													[@NodeList parent='zykf' isWithImage=true;list] [#list list
													as node]
													<li class="mokuai"><span class="title">${substring(node.title,10,'...')}</span>
														<a href="${node.url!}" target="_blank"><img
															src='${node.smallImageUrl}' width='143' height='106'
															alt='${node.title!}'></a></li> [/#list] [/@NodeList]
												</ul>
											</div>
										</div>
									</dd>
								</dl>
							</div> -->
							
							<div class="index-ziyuanmokuai clearfix picnews" id="index-ziyuanmokuai"">
							<!-- <span class="shangyiye" onclick="rollLeft(this)"></span> -->
								<ul id="imgscroll">
									[@NodeList parent='zykf' isWithImage=true;list] [#list list as node]
									     [#if node.number!='zyjj']
										<li class="mokuai" id="mokuai">													
											<p class="title">${substring(node.title,10,'...')}</p>
											<a href="${node.url!}" target="_blank">
												<img src='${node.smallImageUrl}'alt='${node.title!}'>
											</a>
										</li> 
										[/#if]
									[/#list] [/@NodeList] 
								</ul>																			
								<!-- <span class="xiayiye"></span> -->
							</div>
							
							<script type="text/javascript">
						        $(document).ready(function(){
						          $('#imgscroll').bxSlider({
						            slideWidth: 146,
						            minSlides: 1,
						            maxSlides: 4,
						            slideMargin: 3,
						            pager:false,
						            auto: true,
						    		controls: true,
						    		wrapperClass: 'mokuai-bx-wrapper',
						    		auto_controls: true
						          });
						          
						          $('.mokuai-bx-wrapper').css('max-width',628);
						          $('.mokuai-bx-wrapper .bx-viewport').css('height',132);
						        });
						    </script>
						</div>
					</div>
					<!--资源开发模块--end-->
					
				</div>
				<div class="index-right clearfix">
					<div class="index-chaxun">
						<div class="chaxun-main">
							<!--线路查询样式-->
							<!--线路查询选中样式-->
							<!--                  <li onmouseover="HoverLi('tb_','tbc_',3,2,3,'','selected05');"id="tb_32"> <a>政府网站</a> </li> -->
							<div class="xianlu-hover clearfix">
								<ul>
									<li class="index-xianluchaxun-hover"
										onclick="ClickLi('tb_','tbc_',4,1,2,'index-xianluchaxun','index-xianluchaxun-hover');"
										id="tb_41"><span class="xianlu-icon-hover"
										" id="tb_41_icon"></span> <span class="xianlu-title-hover"
										id="tb_41_title">线路查询</span></li>
									<li class="index-zhandianchaxun"
										onclick="ClickLi('tb_','tbc_',4,2,2,'index-zhandianchaxun','index-zhandianchaxun-hover');"
										id="tb_42"><span class="xianlu-icon" id="tb_42_icon"></span>
										<span class="xianlu-title" id="tb_42_title">站点查询</span></li>
								</ul>
								<div class="dis" id="tbc_41">
									<div class="div01">
										<div class="index-xianluchaxun-station">
											<div class="qidian">
												<label for="staions"><img
													src="_files/img/index/qidian.png" width="23" height="30" /></label>
												<input type="text" id="start" onclick="showStation(this)"
													value="请点击选择站点" name>
											</div>
											<div class="zhongdian">
												<label for="staions"><img
													src="_files/img/index/zhongdian.png" width="23" height="30" /></label>
												<input type="text" id="end" onclick="showStation(this)" value="请点击选择站点" name>
											</div>
										</div>
										<div class="index-anniu">
											 [@Node number='yysj';node]
											<a class="chaxun-anniu" id="lineQuery"
												onclick="lineQuery('${ctx}','${node.url}');">查 询</a>[/@Node]
										</div>
									</div>
								</div>

								<!--                <div class="zhandianchaxun undis" id="tbc_42"> -->

								<div class="undis" id="tbc_42">
									<div class="zhandianchaxun">
										<div class="div01">
											<label for="staion">站点:</label> <input id="station"
												onclick="showStation(this)" value="请点击选择站点" type="" name />
											<div class="index-anniu">
												<a class="chaxun-anniu" id="stationQuery"
													onclick="stationQuery('${ctx}');">查 询</a>
											</div>
										</div>
									</div>
								</div>
								<!--                 </div> -->
							</div>

							<!--线路查询结果样式-->
							<div id="queryResult" class="undis">
								<div class="xianluchaxun-jieguo clearfix">
									<!-- <p class="xlcx-title">
             <span>线路查询信息</span>
             <span class="xianluchaxun-guanbi"></span>
            </p> -->
									<div class="xlcx-xinxi clearfix">
										<div class="xianlu-jieguo">
											<div class="xianlu-tuwen clearfix">
												<div class="star01">
													<div class="point-star"></div>
													<span id="startStation" class="xlcx-station">起始站点</span>
												</div>
												<div class="middle01"></div>
												<div class="over01">
													<div class="point-over"></div>
													<span id="endStation" class="xlcx-station">结束站点</span>
												</div>
											</div>
											<ul>
												<li>最佳乘车方案: 途径<span id="stationCount" class="strong">
														null </span>站
												</li>
												<!-- <li>
              车程:<span id="duringTime" class="strong"> null </span>分钟  
             </li> -->
												<li>票价:<span id="ticketPrice" class="strong">
														null </span>元
												</li>
											</ul>
										</div>
										<div id=lineTime class="shoumobanche clearfix">
											<!-- <div class="shoumobanche clearfix">
              <ul>
               <li class="clearfix">
                <span class="span03">1</span>
                <span class="station-name">鸿福路</span>
                <span class="station-direction">(往虎门火车站)</span>
               </li>
               <li class="station-time clearfix">
                <span class="span04">首</span>
                <span class="time01">6:10</span>
               </li>
               <li class="station-time clearfix">
                <span class="span04">末</span>
                <span class="time01">22:10</span>
               </li>
              </ul>
              <a>查看详细服务时间</a> -->
										</div>
									</div>
								</div>
							</div>
							<!--线路查询选中样式-end-->
							<!--线路查询样式-end-->
							<!--站点查询样式-->

							<!-- 站点查询选中样式   -->
							<div class="zhandian-hover undis clearfix">
								<ul>
									<li class="index-xianluchaxun"><span class="xianlu-icon"></span>
										<span class="xianlu-title">线路查询</span></li>
									<li class="index-zhandianchaxun-hover"><span
										class="zhandian-icon-hover"></span> <span
										class="zhandian-title-hover">站点查询</span></li>
								</ul>
								<div class="zhandianchaxun">
									<div class="div01">
										<label for="staion">站点:</label> <input value="请点击选择站点" type="" />
										<div class="index-anniu">
											<a class="chaxun-anniu">查 询</a>
										</div>
									</div>
								</div>
							</div>

							<!--站点查询弹屏样式  -->
							<div id="chooseStation" class="undis">
								<div class="zhandianchaxun-tanping clearfix">
									<!--              <div class="zhandianchaxun-title"> -->
									<!--               <span class="span01">请选择站点</span> -->
									<!--               <span class="span02"></span> -->
									<!--              </div> -->
									<div class="zhandian clearfix">
										<div class="xianlu-line02">
											<div class="line02-title">
												<span class="name-02">2号线</span> <span class="icon-02"></span>
											</div>
											<p class="zdcx-stations" id='zdcx'>
												<!--                 <a>东莞火车站</a> -->
												<!--                 <a>茶山站</a> -->
												<!--                 <a>榴花公园站</a> -->
												<!--                 <a>下桥站</a> -->
												<!--                 <a>天宝站</a> -->
												<!--                 <a>东城站</a> -->
												<!--                 <a>旗峰公园站</a> -->
												<!--                 <a>鸿福路站</a> -->
												<!--                 <a>西平站</a> -->
												<!--                 <a>哈地站</a> -->
												<!--                 <a>陈屋站</a> -->
												<!--                 <a>寮厦站</a> -->
												<!--                 <a>珊美站</a> -->
												<!--                 <a>展览中心站</a> -->
												<!--                 <a>虎门火车站</a> -->
											</p>
										</div>
									</div>
								</div>
							</div>

							<!--站点查询结果样式-->
							<div id="stationQueryResult"
								class="zhandianchaxun-jieguo undis clearfix">
								<!--             <p class="zdcx-title"> -->
								<!--              <span>站点查询信息</span> -->
								<!--              <span class="zhandianchaxun-guanbi"></span> -->
								<!--             </p> -->
								<div class="zhoubianxinxi clearfix">
									<div class="chukouzhiyin">
										<p class="zhiyin-title">本站出口指引:</p>
										<!-- <div class="zd-zhiyin">
                <p class="zd-chukou">
                  <span class="chukou">A出口</span>
                </p>
                <ul class="zyxq">
                 <li>旗峰路</li>
                 <li>丽峰路</li>
                 <li>东城西路</li>
                 <li>东城南路</li>
                 <li>东莞市人民检察院</li>
                 <li>东莞市中级人民法院 </li>
                 <li>东莞市公安局办事大厅</li>
                 <li>东莞市司法局 </li>
                </ul>
              </div>
             <div class="zd-zhiyin">
                <p class="zd-chukou">
                  <span class="chukou">B出口</span>
                </p>
                <ul class="zyxq">
                 <li>东莞大道西侧</li>
                 <li>簪花路</li>
                 <li>体育路</li>
                 <li>东莞市民政局</li>
                 <li>东莞市水务局</li>
                 <li>东莞市农业局 </li>
                 <li>东莞市统计局</li>
                 <li>东莞市海洋与渔业局</li>
                 <li>东莞市规划展览馆</li>
                </ul>
              </div> 
              <div class="zd-zhiyin">
                <p class="zd-chukou">
                  <span class="chukou">C出口</span>
                </p>
                <ul class="zyxq">
                 <li>旗峰路</li>
                 <li>东莞大道东侧</li> 
                </ul>
              </div>
              <div class="zd-zhiyin">
                <p class="zd-chukou">
                  <span class="chukou">D出口</span>
                </p>
                <ul class="zyxq">
                 <li>旗峰路</li> 
                </ul>
              </div>
              <div class="zd-zhiyin">
                <p class="zd-chukou">
                  <span class="chukou">E出口</span>
                </p>
                <ul class="zyxq">
                 <li>东城中路</li> 
                 <li>东城南路</li>
                 <li>涡岭工业路</li> 
                 <li>东莞市城乡规划局</li>
                 <li>旗峰公园</li> 
                </ul>
              </div> -->
									</div>



									<div class="shangpuxinxi">
										<p class="shangpu-title">商铺信息:</p>
										<ul>
											<li><span class="shangpu-name">暂无商铺信息</span></li>

										</ul>
									</div>
								</div>
							</div>
							<!-- <div id="stationQueryResult" class="zhandianchaxun-jieguo undis clearfix">
            <p class="zdcx-title">
             <span>站点查询信息</span>
             <span class="zhandianchaxun-guanbi"></span>
            </p>
            <div class="zhoubianxinxi clearfix">
             <div class="chukouzhiyin">
              <p class="zhiyin-title">本站出口指引:</p>
              <ul>
               <li>
                <span class="chukou">A</span>
                <span class="chukou-road">茶山路</span>
                <img src="_files/img/zdjg-icon.png" width="8" height="4">
               </li>
               <li>
                <span class="chukou">D</span>
                <span class="chukou-road">旗峰公园</span>
                <img src="_files/img/zdjg-icon.png" width="8" height="4">
               </li>
               <li>
                <span class="chukou">E</span>
                <span class="chukou-road">茶山路</span>
                <img src="_files/img/zdjg-icon.png" width="8" height="4">
               </li>
               <li>
                <span class="chukou">F</span>
                <span class="chukou-road">茶山路</span>
                <img src="_files/img/zdjg-icon.png" width="8" height="4">
               </li>
              </ul>
             </div>
             <div class="shangpuxinxi">
              <p class="shangpu-title">商铺信息:</p>
              <ul>
               <li>
                <span class="shangpu-name">暂无商铺信息</span>
               </li>
               
              </ul>
             </div>
            </div>
           </div> -->

							<!--出口指引详情-->
							<div class="zhiyinxq undis">
								<ul>
									<li>旗峰公园</li>
									<li>旗峰公园</li>
									<li>旗峰公园</li>
									<li>旗峰公园</li>
								</ul>
							</div>
							<!--站点查询样式-end-->
						</div>
						<!--信息模块内容-->
						<div class="index-xinximokuai clearfix">
							<!--           <span class="shangyiye02"></span> -->
							<ul class="tssj-list">
								<!--  [@NodeList parent='yyfw';list]
		        [#list list as node]
		         [#if node.smallImageUrl??]
		        <li class="clearfix">
		        <a href="${node.url!}" target="_blank">
		         <span class="index-xinximokuai-all"><img src='${node.smallImageUrl}' alt='${node.title!}'></span>
		         <span class="mokuai-title">${substring(node.title,10,'...')}</span>
		         </a>
		        </li>
		        [/#if]
		        [/#list]
		        [/@NodeList] -->
								<!--               <li class="clearfix"> <a href="yunyingfuwu-pwzy-goupiaochengxu.html"> <span class="zhiyin-icon01"></span> <span class="mokuai-title">票务指引</span> </a> </li> -->
								<!--               <li class="clearfix"> <a href="yunyingfuwu-chengkexuzhi.html"> <span class="xuzhi-icon01"></span> <span class="mokuai-title">乘客须知</span> </a> </li> -->
								<!--               <li class="clearfix"> <a> <span class="lianxi-icon01"></span> <span class="mokuai-title">联系我们</span> </a> </li> -->
								<!--               <li class="clearfix"> <a> <span class="shijian-icon01"></span> <span class="mokuai-title">运营时间</span> </a> </li> -->
								<!--               <li class="clearfix"> <a> <span class="shijian-icon01"></span> <span class="mokuai-title">1运营时间</span> </a> </li> -->
								<!--               <li class="clearfix"> <a> <span class="shijian-icon01"></span> <span class="mokuai-title">2运营时间</span> </a> </li> -->
										[@Node number='ckxz';node]
								<li class="clearfix"><a href="${node.url}" target="_blank">
										<span class="xuzhi-icon01"></span> <span
										class="mokuai-title">${node.name}</span>
								</a></li> [/@Node] [@Node number='yysj';node]
								<li class="clearfix"><a href="${node.url}" target="_blank">
										<span class="shijian-icon01"></span> <span
										class="mokuai-title">${node.name}</span>
								</a></li> [/@Node] [@Node number='pwzy';node]
								<li class="clearfix"><a href="${node.url}" target="_blank">
										<span class="zhiyin-icon01"></span> <span
										class="mokuai-title">${node.name}</span>
								</a></li> [/@Node] [@Node number='ckxz';node]
								<li class="clearfix"><a href="${node.url}" target="_blank">
										<span class="xuzhi-icon01"></span> <span
										class="mokuai-title">${node.name}</span>
								</a></li> [/@Node]  [@Node number='ckxz';node]
								<li class="clearfix"><a href="${node.url}" target="_blank">
										<span class="xuzhi-icon01"></span> <span
										class="mokuai-title">${node.name}</span>
								</a></li> [/@Node] 
							</ul>
							<!--             <span class="xiayiye02"></span>  -->
						</div>
						<script type="text/javascript">
        $(document).ready(function(){
          $('.tssj-list').bxSlider({
            slideWidth: 59,
            minSlides: 1,
            maxSlides: 4,
            slideMargin: 3,
            pager:false
          });
          
          $('.bx-wrapper').css('max-width',255);
        });
    </script>
						<!--信息模块内容-end-->
					</div>
					<div class="index-guanggao">
<!--  						<a class="guanggao01" href="#" target=""></a> -->
 						<a class="guanggao01" href="${ctx}/votes.htmx" target=""></a>
						
					</div>
					<div class="index-lianjie clearfix">
						[@Node number='hdzc';node]<a class="huodongzhichuang" href="${node.url}"
								target="_blank">${node.name}</a>[/@Node] 
					[@Node number='jnp';node]<a class="jinianpin" href="${node.url}"
								target="_blank">${node.name}</a>[/@Node]
					</div>
					<!-- <div class="erweima clearfix">
						<div class="erweima-android">
							<span class="android"></span> <span class="p01">地铁APP(安卓)</span>
							<span class="android"></span> <span class="p01"></span>
						</div>
						<div class="erweima-ios">
							<span class="ios"></span> <span class="p01">地铁APP(ios)</span>
							<span class="ios"></span> <span class="p01"></span> 
						</div>
					</div> -->
				</div>
			</div>

			<div class="clearboth"></div>
			<!--招标投标模块-->
					<div class="index-zhaobiaotoubiao clearfix">
						<div class="zhaobiaotoubiao-title">
							[@Node number='zbtb';node]<a class="title" href="${node.url}">${node.name}</a>[/@Node]
							[@Node number='zbtb';node]<a class="more02" href="${node.url}">更多></a>[/@Node]
						</div>
						<div class="index-zbtb-neirong">
							<!--默认选中招标公告 -->
							<div class="index-zhaobiaogonggao-hover clearfix">
								<ul>
									<li
										onmouseover="HoverLi('tb_','tbc_',1,1,2,'zbgg','zbgg-hover');"
										class="zbgg-hover" id="tb_11">[@Node number='zbgg';node]
										<a href="${node.url}" target="_blank">${node.name}</a>
										[/@Node]
									</li>
									<li
										onmouseover="HoverLi('tb_','tbc_',1,2,2,'zbgg','zbgg-hover');"
										class="zbgs" id="tb_12">[@Node number='zbgs';node] <a
										href="${node.url}" target="_blank">${node.name}</a> [/@Node]
									</li>
								</ul>
							</div>
							<div class="index-zhaobiaogonggao-hover clearfix">
								<!--                 <ul> -->
								<!--                   <li class="zbgg-hover"><a>招标公告</a></li> -->
								<!--                   <li class="zbgs"><a>中标公示</a></li> -->
								<!--                 </ul> -->
								<div class="dis" id="tbc_11">
									<ul class="zbgg-list clearfix">
										[@InfoList node='zbgg' limit='6';list] [#list list as info]
										<li class="zhiwei-list"><a href="${info.url}"
											target="_blank" title="${info.title}">${substring(info.title,30)}</a></li>
										[/#list] [/@InfoList]
									</ul>
								</div>
								<div class="undis" id="tbc_12">
									<ul class="zbgg-list clearfix">
										[@InfoList node='zbgs' limit='6';list] [#list list as info]
										<li class="zhiwei-list"><a href="${info.url}"
											target="_blank" title="${info.title}">${substring(info.title,30)}</a></li>
										[/#list] [/@InfoList]
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!--招标投标模块--end-->
					<!--招贤纳才模块-->
					<div class="index-zhaoxiannacai clearfix">
						<div class="zhaoxiannacai-title">
							[@Node number='zxnc';node]<a class="title" href="${node.url}">${node.name}</a>
							<a class="more02" href="${node.url}">更多></a>[/@Node]
						</div>
						<div class="index-zxnc-neirong">
							<!--默认选中社会招聘 -->
							<div class="index-shehuizhaopin-hover clearfix">
								<ul>
									<li
										onmouseover="HoverLi('tb_','tbc_',2,1,3,'zbgg','zbgg-hover');"
										class="zbgg-hover" id="tb_21">[@Node number='shzp';node]
										<a href="${node.url}" target="_blank">${node.name}</a>
										[/@Node]
									</li>
									<li
										onmouseover="HoverLi('tb_','tbc_',2,2,3,'zbgg','zbgg-hover');"
										class="zbgs" id="tb_22">[@Node number='xyzp';node] <a
										href="${node.url}" target="_blank">${node.name}</a> [/@Node]
									</li>
									<li
										onmouseover="HoverLi('tb_','tbc_',2,3,3,'zbgg','zbgg-hover');"
										class="zbgs" id="tb_23">[@Node number='zpjx';node] <a
										href="${node.url}" target="_blank">${node.name}</a> [/@Node]
									</li>
								</ul>
								<!--                 <ul> -->
								<!--                   <li class="shzp-hover"><a>社会招聘</a></li> -->
								<!--                   <li class="xyzp"><a>校园招聘</a></li> -->
								<!--                   <li class="zpjx"><a>招聘简讯</a></li> -->
								<!--                 </ul> -->
								<!--                 <div class="zxnc-fenlei"> <span class="zhiwei">招聘职位</span> <span class="shijian">发布时间</span> </div> -->
								<div class="dis" id="tbc_21">
									<ul class="zbgg-list clearfix">
										[@InfoList node='shzp' limit='6';list] [#list list as info]
										<!-- 						<li><a href="${info.url}" target="_blank" title="${info.title}">${substring(info.title,20)}</a></li> -->
										<li class="zhiwei-list"><a href="${info.url}"
											target="_blank" title="${info.title}">${substring(info.title,30)}</a>
											<span class="shijian-list">${info.publishDate?string('yyyy-MM-dd')}</span>
										</li> [/#list] [/@InfoList]
									</ul>
								</div>
								<div class="undis" id="tbc_22">
									<ul class="zbgg-list clearfix">
										[@InfoList node='xyzp' limit='6';list] [#list list as info]
										<li class="zhiwei-list"><a href="${info.url}"
											target="_blank" title="${info.title}">${substring(info.title,30)}</a>
											<span class="shijian-list">${info.publishDate?string('yyyy-MM-dd')}</span>
										</li> [/#list] [/@InfoList]
									</ul>
								</div>
								<div class="undis" id="tbc_23">
									<ul class="zbgg-list clearfix">
										[@InfoList node='zpjx' limit='6';list] [#list list as info]
										<li class="zhiwei-list"><a href="${info.url}"
											target="_blank" title="${info.title}">${substring(info.title,30)}</a></li>
										[/#list] [/@InfoList]
									</ul>
								</div>
								<!--    <ul>
                  <li class="zhiwei-list"><a>商业前期策划师</a>
                  <span class="shijian-list">2016-07-05</span>
                  </li>
                  <li class="zhiwei-list"><a>商业前期策划师</a>
                  <span class="shijian-list">2016-07-05</span>
                  </li>
                  <li class="zhiwei-list"><a>商业前期策划师</a>
                  <span class="shijian-list">2016-07-05</span>
                  </li>
                  <li class="zhiwei-list"><a>商业前期策划师</a>
                  <span class="shijian-list">2016-07-05</span>
                  </li>
                  <li class="zhiwei-list"><a>商业前期策划师</a>
                  <span class="shijian-list">2016-07-05</span>
                  </li>
                </ul> -->

							</div>
							<!--校园招聘选中样式
             <div class="index-xiaoyuanzhaopin-hover clearfix">
              <ul>
               <li class="shzp"><a>社会招聘</a></li>
               <li class="xyzp-hover"><a>校园招聘</a></li>
               <li class="zpjx"><a>招聘简讯</a></li>
              </ul>
              <div class="zxnc-fenlei"> <span class="zhiwei">招聘职位</span> <span class="shijian">发布时间</span> </div>
                <ul>
                  <li class="zhiwei-list"><a>商业前期策划师</a>
                  <span class="shijian-list">2016-07-05</span>
                  </li>
                  <li class="zhiwei-list"><a>商业前期策划师</a>
                  <span class="shijian-list">2016-07-05</span>
                  </li>
                  <li class="zhiwei-list"><a>商业前期策划师</a>
                  <span class="shijian-list">2016-07-05</span>
                  </li>
                  <li class="zhiwei-list"><a>商业前期策划师</a>
                  <span class="shijian-list">2016-07-05</span>
                  </li>
                  <li class="zhiwei-list"><a>商业前期策划师</a>
                  <span class="shijian-list">2016-07-05</span>
                  </li>
                </ul>
             </div>
             -->
							<!--招聘简讯选中样式 
             <div class="index-zhaopinjianxun-hover clearfix">
              <ul>
               <li class="shzp"><a>社会招聘</a></li>
               <li class="xyzp"><a>校园招聘</a></li>
               <li class="zpjx-hover"><a>招聘简讯</a></li>
              </ul>
              <ul class="zpjx-list">
               <li><a>关于简历投递的温馨提示</a></li>
               <li><a>关于东莞市轨道交通有限公司招聘声明</a></li>
              </ul>
             </div>
            -->
						</div>
					</div>
					<!--招贤纳才模块--end-->
			
			<!--友情链接-->
			<!-- <div class="link">
      <ul class="link-menu">
        <li onmouseover="HoverLi('tb_','tbc_',3,1,3,'','selected05');" class="one" id="tb_31"> <a>地铁网站</a> </li>
        <li onmouseover="HoverLi('tb_','tbc_',3,2,3,'','selected05');"id="tb_32"> <a>政府网站</a> </li>
        <li onmouseover="HoverLi('tb_','tbc_',3,3,3,'','selected05');"id="tb_33"> <a>友情链接</a> </li>
      </ul>
      地铁网站
		<div class="link-box">
			<div class="dis" id="tbc_31">
				[@FriendlinkList type='dtwz';list]
				[#list list as friendlink]
				  <a class="zfwz" href="${friendlink.url}" target="_blank" title="${friendlink.name}">${friendlink.name}</a>
				[/#list]
				[/@FriendlinkList]
				<a class="box01" href="http://www.bjsubway.com/"></a> <a
					class="box02" href="http://www.gzmtr.com/"></a> <a class="box03"
					href="http://www.szmc.net/page/index.html"></a> <a class="box04"
					href="http://www.mtr.com.hk/ch/customer/tourist/index.php"></a>
				<a class="box05" href="http://www.wxmetro.net/front/index.html"></a>
			</div>
		地铁网站-end 
      政府网站 
       	<div class="undis" id="tbc_32">
        <span class="link-box-left"></span>
				[@FriendlinkList type='zfwz';list]
				[#list list as friendlink]
				  <a class="zfwz" href="${friendlink.url}" target="_blank" title="${friendlink.name}">${friendlink.name}</a>
				[/#list]
				[/@FriendlinkList]
		<a class="zfwz">桥头镇</a>
        </div>
        <span class="link-box-right"></span>
            
      友情链接 
	       	<div class="undis" id="tbc_33">
	       	[@FriendlinkList type='yqlj';list]
				[#list list as friendlink]
				  <a class="zfwz" href="${friendlink.url}" target="_blank" title="${friendlink.name}">${friendlink.name}</a>
				[/#list]
			[/@FriendlinkList]
		<a class="yqlj">东莞时间网</a>
	        </div>
       </div>
           
    </div> -->
			<!--友情链接-end-->

			<!--友情链接-->
			<div class="friendlink">
				<ul class="friendlink-menu">
					<li class="hover"><a href="javascript:void(0)" class="one">政府网站</a></li>
					<li><a href="javascript:void(0)" class="two"><span>地铁网站</span></a></li>
					<li><a href="javascript:void(0)" class="three"><span>友情链接</span></a></li>
				</ul>
				
				<div class="friendlink-box" id="friendlink-box">
					<!--政府网站-->
					<div class="indemo" id="demo1"">
					<span class="link-box-left" id="link-box-left" style="position:absolute;" onclick="rollLeft(this);"></span>
							<div id="gov" class="friendlink-box-content" style="padding-left: 18px;">
								<ul id="gov-content">
									[@FriendlinkList type='zfwz';list] [#list list as friendlink]
									<li><a class="zfwz" href="${friendlink.url}" target="_blank"
										title="${friendlink.name}">${friendlink.name}</a></li> [/#list]
									[/@FriendlinkList] 
								</ul>																			
							</div>
							<span class="link-box-right" style="display: block;" onclick="rollRight(this);"></span>
					</div>
					
					<!--地铁网站-->
					<div class="hide">
						<div class="indemo" id="demo2">	
						<span class="link-box-left" id="link-box-left" style="position:absolute;" onclick="rollLeft(this);"></span>
							<div id="subway" class="friendlink-box-content" style="padding-left: 18px;">
							<ul>
							[@FriendlinkList type='dtwz';list] [#list list as friendlink]								
									<li><a class="zfwz" href="${friendlink.url}" target="_blank"
									title="${friendlink.name}"><img alt="" src="${friendlink.logo}"></a></li>[/#list]
									[/@FriendlinkList]
									<li><a class="zfwz" href="${friendlink.url}" target="_blank"
									title="${friendlink.name}"> </a></li>
							</ul>
							</div>
							<span class="link-box-right" style="display: block;" onclick="rollRight(this);"></span>
						</div>
					</div>


					<!--友情链接-->
					<div class="hide">
						<div class="indemo" id="demo3">
						<span class="link-box-left" id="link-box-left" style="position:absolute;" onclick="rollLeft(this);"></span>
							<div id="friendLink" class="friendlink-box-content" style="padding-left: 18px;">
							<ul>
								[@FriendlinkList type='yqlj';list] [#list list as friendlink]
									<li><a
								class="zfwz" href="${friendlink.url}" target="_blank"
								title="${friendlink.name}">${friendlink.name}</a> </li>[/#list]
								[/@FriendlinkList]
							</ul>
							</div>		
							<span class="link-box-right" style="display: block;" onclick="rollRight(this);"></span>			
						</div>
						
					</div>
				</div>
			<!-- <span class="link-box-right" style="display: block;" onclick="rollRight(this);"></span> -->
			</div>
			<!--友情链接-end-->
	
			[#include 'inc_footer.html'/]
		</div>
		<div id="blackgroud" class="black_overlay"></div>
		<!--footer-->

		<!--footer-end-->
	</div>
	
</body>
</html>
[/#escape]
